<template>
   <div class="container">
        <div class="article">
         <h1>Article</h1>
       </div>
       <div class="article">
          <h1>Article1</h1>
      </div>
</div>

</template>

<script>
export default {
    name: 'Article',
    name1: 'Article1',
}   
</script>   

<style>
  .article {
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    background-color: red;
    margin-bottom: 20px;
    width: 65%;
    height: 139px;
    color: black;
   }
   .container {
     width: 100%;
     height: 0px;
   }
 
</style>    